<template>
    <div>
        <!--集团管控-->
        <!-- 左侧导航栏 -->
        <el-row>
            <el-col :span="4" class="left-nav">
                <el-menu
                        :default-active="dfActive"
                        class="el-menu-vertical-demo">
                    <el-submenu index="1">
                        <template slot="title">
                            <img src="../../assets/imgs/inquire_icon_shoupiao_default.png" alt="">&nbsp;
                            <span>售票运营统计报表</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="1-1" @click="jumpTo(1)">售票员营收日报表</el-menu-item>
                            <el-menu-item index="1-2" @click="jumpTo(2)">售票运营统计报表</el-menu-item>
                            <el-menu-item index="1-3" @click="jumpTo(3)">线路售票统计报表</el-menu-item>
                            <el-menu-item index="1-4" @click="jumpTo(4)">单位线路售票统计报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="2">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_jigou_default.png" alt="">&nbsp;
                            <span>线路发班统计报表</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="2-1" @click="jumpTo(5)">车辆发班统计报表</el-menu-item>
                            <el-menu-item index="2-2" @click="jumpTo(6)">线路发班同比汇总报表</el-menu-item>
                            <el-menu-item index="2-3" @click="jumpTo(7)">线路发班统计报表</el-menu-item>
                            <el-menu-item index="2-4" @click="jumpTo(8)">线路发班统计日报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="3">
                        <template slot="title">
                            <img src="../../assets/imgs/menu_icon_dianzikepiao_default.png" alt="">&nbsp;
                            <span>站点线路运量统计报表</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="3-4" @click="jumpTo(9)">战场线路运量统计报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                    <el-submenu index="4">
                        <template slot="title">
                            <img src="../../assets/imgs/inquire_icon_banci_default.png" alt="">&nbsp;
                            <span>站点售票统计报表</span>
                        </template>
                        <el-menu-item-group>
                            <el-menu-item index="4-1" @click="jumpTo(10)">站点检票统计报表</el-menu-item>
                            <el-menu-item index="4-2" @click="jumpTo(11)">站点售票统计报表</el-menu-item>
                        </el-menu-item-group>
                    </el-submenu>
                </el-menu>
            </el-col>

            <!-- 路由 -->
            <el-col :span="20" class="router-container">
                <router-view @sendActive="getActive"></router-view>
            </el-col>
        </el-row>
    </div>
</template>


<script>
export default {
    data: function(){
        return {
            dfActive:"1-1"
        }
},
    methods:{
        jumpTo(i){
            switch(i){
                case 1:this.$router.push("/index/chart/SellerYingShouReport");break;
                case 2:this.$router.push("/index/chart/TicketRunReport");break;
                case 3:this.$router.push("/index/chart/LineTicketReport");break;
                case 4:this.$router.push("/index/chart/DanWeiLineReport");break;
                case 5:this.$router.push("/index/chart/CarFaBanReport");break;
                case 6:this.$router.push("/index/chart/LineFanBanSumReport");break;
                case 7:this.$router.push("/index/chart/LineFanBanReport");break;
                case 8:this.$router.push("/index/chart/LineFaBanDayReport");break;
                case 9:this.$router.push("/index/chart/ZhanChangLineReport");break;
                case 10:this.$router.push("/index/chart/StationCheckReport");break;
                case 11:this.$router.push("/index/chart/StationTicketReport");break;
            }
        },
        getActive(val){
            this.dfActive=val;
            console.log(this.dfActive)
        }
    },

computed:{},
watch:{},
mounted() {
     this.$emit("sendTag",9);
}
}
</script>
<style scoped>
</style>